<template>
    <!-- <xNotification content="顶部滚动通知" :speed="20"></xNotification> -->

    <xNotification :content="content" type="info"></xNotification>

    <!-- <xNotification :speed="20">
        <view>顶部滚动通知</view>
        <view>在拉一个</view>
        <view>最后一个</view>
    </xNotification> -->

    <button @click.stop="change">切换</button>

</template>
<script setup lang="ts">
import xNotification from './x-notification.vue';
import { ref } from "vue"

const content = ref(['顶部滚动通知'])
function change() {
    content.value.push('顶部滚动通知')
}
</script>